.f2bpm-page-layout {
	font-size: 10px;
}

.auto-window-height-select,
.auto-window-height-small,
.auto-window-height {
	overflow-y: auto;
}

.pagebody {
	background-color: #F2F2F2;
	background-size: 100% 100%;
	background-attachment: fixed;
	font-family: 'Microsoft YaHei';
}

/*******************badge 圆标和label******************/
.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #777;
	border-radius: 10px;
}

.label {
	font-size: 10px;
	line-height: 20px;
	height: 20px;
	padding: 3px 6px 3px;
	border-radius: 3px;
	color: #fff;
}

.label.label-transparent,
.label-transparent,
.badge.badge-transparent,
.badge-transparent {
	background-color: transparent;
}

.label-grey,
.label.label-grey,
.badge.badge-grey,
.badge-grey {
	background-color: #a0a0a0;
}

.label-info,
.label.label-info,
.badge.badge-info,
.badge-info {
	background-color: #3a87ad;
}

.label-primary,
.label.label-primary,
.badge.badge-primary,
.badge-primary {
	background-color: #428bca;
}

.label-success,
.label.label-success,
.badge.badge-success,
.badge-success {
	background-color: #82af6f;
}

.label-danger,
.label.label-danger,
.badge.badge-danger,
.badge-danger {
	background-color: #d15b47;
}

.label-important,
.label.label-important,
.badge.badge-important,
.badge-important {
	background-color: #d15b47;
}

.label-inverse,
.label.label-inverse,
.badge.badge-inverse,
.badge-inverse {
	background-color: #333333;
}

.label-warning,
.label.label-warning,
.badge.badge-warning,
.badge-warning {
	background-color: #f89406;
}

.label-pink,
.label.label-pink,
.badge.badge-pink,
.badge-pink {
	background-color: #d6487e;
}

.label-purple,
.label.label-purple,
.badge.badge-purple,
.badge-purple {
	background-color: #9585bf;
}

.label-yellow,
.label.label-yellow,
.badge.badge-yellow,
.badge-yellow {
	background-color: #fee188;
}

.label-light,
.label.label-light,
.badge.badge-light,
.badge-light {
	background-color: #e7e7e7;
}

.badge-yellow,
.label-yellow {
	color: #996633;
	border-color: #fee188;
}

.badge-light,
.label-light {
	color: #888888;
}

/*******************btn-primary 按钮******************/
.span-view {
	display: inline-block;
}

.btn-primary {
	background-color: #2ea9f7;
	color: #fff;
	font-size: 14px;
}

button.primary {
	background-color: #0faeff;
}

/**
 * 圆角通用大面板块
 */
.block-panel-radius {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: #C0C0C0 0px 0px 2px
}

/**
 * 横向而已通用大面板块
 */
.flex-panel {
	display: flex;
	flex-direction: row;
	box-shadow: #C0C0C0 0px 0px 2px;
	justify-content: center;
	margin: 10px;
}

.none-box-shadow {
	box-shadow: #C0C0C0 0px 0px 0px;
}

.flex-panel::after {
	content: '';
	display: block;
	clear: both;
}

/**
 * 通用方块项
 */
.box-item {
	text-align: center;
}

/**
 *  链接块的导航
 */
.ng-box-item {
	float: left;
	padding: 3px;
	color: #333;
	font-size: 10px;
	text-align: center;
	display: inline-block;
	margin: 5px;
	/* border: #0066CC solid 1px; */
	height: 80px;
	width: 60px;
}

.ng-box-item-img {
	width: 50px;
	height: 50px;
}

.ng-box-item-title {
	color: #333;
}

.footer-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	clear: both;
}

/**
 * 分栏线，竖线
 */
.divider--vertical {
	display: inline-block;
	width: 1px;
	height: 1em;
	margin: 0 8px;
	vertical-align: middle;
	position: relative;
}

.divider {
	background-color: #DCDFE6;
	position: relative;
}

/**
 * 卡片列表
 */
.task-carlist {}

.task-carlist .task-card {
	background-color: #ffffff;
}

.task-card .item-text {
	margin-top: 7px;
	color: #898F96 !important;
}

.task-card .car-footer-box {
	color: #898F96 !important;

}

.task-card .car-header-box {
	display: block;
	height: 36px;
	line-height: 30px;
	border-bottom: 1rpx solid #e5e5e5;
	box-sizing: border-box;
	transform-origin: left top;
	font-weight: bold;

}

.task-carlist .uni-card__header-title-text {
	font-weight: bold !important;
	font-size: 16px;
}

.task_activity_name {
	color: #2F7ACD;
}

/**
  * 常用条目列表，如发起流程页的列表
  */
.center {
	flex-direction: column;
}

.center-list {
	background-color: #FFFFFF;
	margin-top: 20rpx;
	width: 750rpx;
	flex-direction: column;
}

.center-list-item {
	height: 90rpx;
	width: 750rpx;
	box-sizing: border-box;
	flex-direction: row;
	padding: 0rpx 20rpx;
}

.border-bottom {
	border-bottom-width: 1rpx;
	border-color: #c8c7cc;
	border-bottom-style: solid;
}

.list-icon {
	width: 70rpx;
	height: 90rpx;
	line-height: 90rpx;
	color: #0faeff;
	text-align: center;
	font-family: texticons;
	margin-right: 20rpx;
}

.list-text {
	height: 90rpx;
	line-height: 90rpx;
	color: #555;
	flex: 1;
	text-align: left;
}

.navigat-arrow {
	height: 90rpx;
	width: 40rpx;
	line-height: 90rpx;
	color: #555;
	text-align: right;
	font-family: texticons;
}

/*分页样式*/
.pagebar {
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
	height: 40px;
	line-height: 40px;
}

.page-btn {
	background-color: #FFFFFF;
	height: 20px;
	line-height: 20px;
	border: 1px solid #D3D3D3;
	border-radius: 3px;
	font-size: 12px !important;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 7px;
}

/*已办的顶部分栏*/
.done-tab {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #555;
	line-height: 30px;
	border-radius: 20px;
}

.done-tab-active {
	color: #FFFFFF;
	background-color: #2F7ACD;

}

i[class*='fa-']:before {
	margin-right: 2px;
}


.dialogfooter,
.dialogfooter2 {
	text-align: center;
}


.wfdialogFooterToolBar{
	padding: 5px; padding-left: 7px;height: 40px;margin-top: 5px;text-align: center; 
}
.wfdialogHeaderToolBar{
	margin-top: 10px;margin-left: 5px;height:32px;
}